$--primary-color: #409eff;
$--shadow-base: 0 2px 2px rgba(0, 0, 0, .2);
$--border-radius: 3px;

$--border-color-base: #DCDFE6 !default;
$--border-color-light: #E4E7ED !default;
$--border-color-lighter: #EBEEF5 !default;
$--border-color-extra-light: #F2F6FC !default;

$--placement-light-color: #5f6477;
$--placement-light-bg: rgba(255, 255, 255, .9);
$--placement-dark-color: #ddd;
$--placement-dark-bg: rgba(0, 0, 0, .9);

$--pointer-color: #666;
$--pointer-bg: rgba(255, 255, 255, 0.8);
$--pointer-lock-color: #fff;
$--pointer-lock-bg: rgba(0, 0, 0, 0.5);

$--popup-bg: rgba(255, 255, 255, 0.9);
$--popup-color: #333;
$--popup-title-bg: #ddd;
$--popup-bg-dark: rgba(0, 0, 0, 0.8);
$--popup-color-dark: #eee;
$--popup-title-bg-dark: rgba(0, 0, 0, 0.9);

$--scale-btn-color: #9A9A9A;
$--scale-btn-bg: #F9F9F9;
$--scale-highlight: #8CB0CE;

$--type-color: #666;
$--type-active-color: $--primary-color;
$--type-active-text-color: #fff;

$--overview-selectable-color: $--primary-color;
$--overview-trigger-color-light: rgba(255, 255, 255, .7);
$--overview-trigger-color-dark: rgba(0, 0, 0, .7);

$--measure-close-bg-light: rgba(255, 255, 255, .7);
$--measure-close-color-light: black;
$--measure-close-bg-dark: rgba(0, 0, 0, .7);
$--measure-close-color-dark: white;

$--tooltips-bg-light: rgba(255, 255, 255, .7);
$--tooltips-color-light: black;
$--tooltips-bg-dark: rgba(0, 0, 0, .7);
$--tooltips-color-dark: white;

$--dialog-bg: rgba(255, 255, 255, .9);
$--dialog-light-color: #5f6477;
$--dialog-dark-color: #ddd;
$--dialog-title-bg-light: rgba(243, 235, 235, 0.9); // #ddd;
$--dialog-title-bg-dark: rgba(0, 0, 0, .9);

$--zoom-bg: rgba(150, 150, 150, 0.6); 
$--zoom-btn-bg-light: rgba(255, 255, 255, 1);
$--zoom-btn-color-light: #5f6477;
$--zoom-slider-bg-light: rgba(150, 150, 150, 0.3);
$--zoom-slider-btn-bg-light: rgba(255, 255, 255, 0.9); 
$--zoom-btn-bg-dark: rgba(0, 0, 0, 0.9);
$--zoom-btn-color-dark: #ddd;
$--zoom-slider-bg-dark: rgba(150, 150, 150, 0.6); 
$--zoom-slider-btn-bg-dark: rgba(0, 0, 0, 0.9);

$--zoom-panel-btn-shadow: 0 0 5px 1px rgba(95, 100, 119, 0.6);
$--zoom-panel-btn-bg: rgba(255, 255, 255, 1);
$--zoom-panel-btn-color: #5f6477;
$--zoom-panel-slider-bg: rgba(150, 150, 150, 0.8);
$--zoom-panel-slider-btn-bg: rgba(255, 255, 255, 0.9); 